<div class="container-fluid">
  <div class="row">
    <div class="col-md-4">
      <!--Sidebar content-->

      Search: <input ng-model="query">
      Sort by:
      <select ng-model="orderProp">
        <option value="date">date</option>
        <option value="merydeName">nom du meryde</option>
        <option value="bonusType">type de bonus</option>
      </select>
      
    APPARITION_DES_RESSOURCES_ET_DES_ARCHIMONSTRES : <input type="checkbox" ng-model="bonusTypeFilter['APPARITION_DES_RESSOURCES_ET_DES_ARCHIMONSTRES']" /><br />
    ECONOMIE_DINGREDIENTS : <input type="checkbox" ng-model="bonusTypeFilter['ECONOMIE_DINGREDIENTS']" /><br />	POINTS_DEXPERIENCE : <input type="checkbox" ng-model="bonusTypeFilter['POINTS_DEXPERIENCE']" /><br />	BUTIN : <input type="checkbox" ng-model="bonusTypeFilter['BUTIN']" /><br />	BOIS_ABONDANT : <input type="checkbox" ng-model="bonusTypeFilter['BOIS_ABONDANT']" /><br />	QUETE_REPETABLE : <input type="checkbox" ng-model="bonusTypeFilter['QUETE_REPETABLE']" /><br />	CHALLENGES_AUGMENTES : <input type="checkbox" ng-model="bonusTypeFilter['CHALLENGES_AUGMENTES']" /><br />	OBJETS_DE_QUALITE : <input type="checkbox" ng-model="bonusTypeFilter['OBJETS_DE_QUALITE']" /><br />	ELEVAGE_DE_DRAGODINDES : <input type="checkbox" ng-model="bonusTypeFilter['ELEVAGE_DE_DRAGODINDES']" /><br />	MINERAI_ABONDANT : <input type="checkbox" ng-model="bonusTypeFilter['MINERAI_ABONDANT']" /><br />	APPARITION_DES_ETOILES : <input type="checkbox" ng-model="bonusTypeFilter['APPARITION_DES_ETOILES']" /><br />	CHALLENGE_SUPPLEMENTAIRE : <input type="checkbox" ng-model="bonusTypeFilter['CHALLENGE_SUPPLEMENTAIRE']" /><br />	PECHE_ABONDANTE : <input type="checkbox" ng-model="bonusTypeFilter['PECHE_ABONDANTE']" /><br />	GIBIER_ABONDANT : <input type="checkbox" ng-model="bonusTypeFilter['GIBIER_ABONDANT']" /><br />	PERCEPTEURS_AVIDES : <input type="checkbox" ng-model="bonusTypeFilter['PERCEPTEURS_AVIDES']" /><br />	RECOLTE_ABONDANTE : <input type="checkbox" ng-model="bonusTypeFilter['RECOLTE_ABONDANTE']" /><br />	CUEILLETTE_ABONDANTE : <input type="checkbox" ng-model="bonusTypeFilter['CUEILLETTE_ABONDANTE']" /><br />	VITALITE_DEBORDANTE : <input type="checkbox" ng-model="bonusTypeFilter['VITALITE_DEBORDANTE']" /><br />	BUTIN_ET_XP_SUR_TOUS_LES_BOUFTOUS : <input type="checkbox" ng-model="bonusTypeFilter['BUTIN_ET_XP_SUR_TOUS_LES_BOUFTOUS']" /><br />	FABRICATION_INTENSIVE : <input type="checkbox" ng-model="bonusTypeFilter['FABRICATION_INTENSIVE']" /><br />	EXPERIENCE_AMOUREUSE : <input type="checkbox" ng-model="bonusTypeFilter['EXPERIENCE_AMOUREUSE']" /><br />	APPARITION_DES_RESSOURCES : <input type="checkbox" ng-model="bonusTypeFilter['APPARITION_DES_RESSOURCES']" /><br />	CADEAUX_SURPRISES : <input type="checkbox" ng-model="bonusTypeFilter['CADEAUX_SURPRISES']" /><br />	EXPERIENCE_ROBILLESQUE : <input type="checkbox" ng-model="bonusTypeFilter['EXPERIENCE_ROBILLESQUE']" /><br />	BENEDICTION_DU_FIN_PATRAQUE : <input type="checkbox" ng-model="bonusTypeFilter['BENEDICTION_DU_FIN_PATRAQUE']" /><br />	EXPERIENCE_DES_METIERS : <input type="checkbox" ng-model="bonusTypeFilter['EXPERIENCE_DES_METIERS']" /><br />	BUTIN_ET_XP_SUR_LES_CREATURES_MARINES : <input type="checkbox" ng-model="bonusTypeFilter['BUTIN_ET_XP_SUR_LES_CREATURES_MARINES']" /><br />	QUETES_ET_KAMAS : <input type="checkbox" ng-model="bonusTypeFilter['QUETES_ET_KAMAS']" /><br />	FABRIQUE_FEERIQUE : <input type="checkbox" ng-model="bonusTypeFilter['FABRIQUE_FEERIQUE']" /><br />	GARDIENS_DE_LA_NATURE : <input type="checkbox" ng-model="bonusTypeFilter['GARDIENS_DE_LA_NATURE']" /><br />	PERCEPTEURS_ZELES : <input type="checkbox" ng-model="bonusTypeFilter['PERCEPTEURS_ZELES']" /><br />	BUTIN_FRIGOSTIEN : <input type="checkbox" ng-model="bonusTypeFilter['BUTIN_FRIGOSTIEN']" /><br />	TARIF_REDUIT : <input type="checkbox" ng-model="bonusTypeFilter['TARIF_REDUIT']" /><br />	EXPERIENCE_DU_KOLIZEUM : <input type="checkbox" ng-model="bonusTypeFilter['EXPERIENCE_DU_KOLIZEUM']" /><br />	FAMILIERS_FRENETIQUES : <input type="checkbox" ng-model="bonusTypeFilter['FAMILIERS_FRENETIQUES']" /><br />	BUTIN_ET_XP_DANS_LA_MAISON_FANTOME : <input type="checkbox" ng-model="bonusTypeFilter['BUTIN_ET_XP_DANS_LA_MAISON_FANTOME']" /><br />	ETOILES_DEFILANTES : <input type="checkbox" ng-model="bonusTypeFilter['ETOILES_DEFILANTES']" /><br />	BONTA_ET_BRAKMAR : <input type="checkbox" ng-model="bonusTypeFilter['BONTA_ET_BRAKMAR']" /><br />	BUTIN_ET_XP_SUR_LES_PIRATES : <input type="checkbox" ng-model="bonusTypeFilter['BUTIN_ET_XP_SUR_LES_PIRATES']" /><br />	EXPERIENCE_DES_QUETES : <input type="checkbox" ng-model="bonusTypeFilter['EXPERIENCE_DES_QUETES']" /><br />	EXPERIENCE_DES_DRAGODINDES : <input type="checkbox" ng-model="bonusTypeFilter['EXPERIENCE_DES_DRAGODINDES']" /><br />	BUTIN_ET_XP_EN_SLIP : <input type="checkbox" ng-model="bonusTypeFilter['BUTIN_ET_XP_EN_SLIP']" /><br />	BENEDICTION_DE_MISS_TRISTE : <input type="checkbox" ng-model="bonusTypeFilter['BENEDICTION_DE_MISS_TRISTE']" /><br />	DRAGODINDES_FRENETIQUES : <input type="checkbox" ng-model="bonusTypeFilter['DRAGODINDES_FRENETIQUES']" /><br />	KOLIZETONS : <input type="checkbox" ng-model="bonusTypeFilter['KOLIZETONS']" />
      
     </div>
    <div class="col-md-8">
      <!--Body content-->

      <ul class="merydes">
        <li ng-repeat="meryde in merydes | orderBy:orderProp | filter:query | filterByCategory:bonusTypeFilter" class = "meryde-listing">
          <div>
          <h3>{{meryde.date | date:"dd/MM/yyyy" | lowercase}} - {{meryde.merydeName}}</h3>
          <p>{{meryde.merydeDescription}}</p>
          <p> <i>{{meryde.bonusType}}</i><br />
          {{meryde.bonus.description}}
          </p>
          </div>
        </li>
      </ul>

    </div>
  </div>
</div>
